<style>
.container-fiuled{
	padding:10px 10px 10px 10px;
}
.csm-l1left{
	border-right: 1px solid #a1a1a1;
	text-align: center;
}
.csm-l1left h3{
	line-height: 40px;
    font-size: 24px;
}
.csm-l1left p{
    font-size: 12px;
}
.norow{
	padding-left: 15px;
}
table,th,tr,td{
	text-align: center;
}
.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.csm-inlineselect{
	width: 200px;
	display:inline;
}
.csm-refresh{
	padding-left: 5px;
}
.csm-inlinedate{
	width: 150px !important;
	display: inline-table;
}
</style>
<div class="container-fiuled">
	<div class="csm-refresh">
		当天数据统计截止：{$todaystat} <a href="javascript:window.location='{$baseurl}?isrefresh=1';">立即刷新</a>
	</div>
	<div class="panel panel-default">
		<div class="page-header header norow">
			<h4>游客统计</h4>
		</div>
		<div class="row">
			<div class="col-md-3 col-xs-12 csm-l1left">
				<h3>{$onlinen} 人</h3>
				<p>在线人数</p>
			</div>
			<div class="col-md-9 col-xs-12">
				<table class="table">
					<tr>
						<th></th>
						<th>访问量(IP)</th>
						<th>浏览量(PV)</th>
						<th>访客数(UV)</th>
						<th>访问频次(VV)</th>
						<th>日活(DAU)</th>
						<!-- <th>跳出率</th> -->
					</tr>
					<tr>
						<td>今日流量</td>
						<td>{$today.ipsn?$today.ipsn:'无数据'}</td>
						<td>{$today.pvsn?$today.pvsn:'无数据'}</td>
						<td>{$today.uvsn?$today.uvsn:'无数据'}</td>
						<td>{$today.vvsn?$today.vvsn:'无数据'}</td>
						<td>-</td>
						
						<!-- <td>{$todayn.outrate?$todayn.outrate*100:'无数据'}%</td> -->
					</tr>
					<tr>
						<td>昨日流量</td>
						<td>{$yestoday.ipsn?$yestoday.ipsn:'无数据'}</td>
						<td>{$yestoday.pvsn?$yestoday.pvsn:'无数据'}</td>
						<td>{$yestoday.uvsn?$yestoday.uvsn:'无数据'}</td>
						<td>{$yestoday.vvsn?$yestoday.vvsn:'无数据'}</td>
						<td>-</td>
						<!-- <td>{$yestodayn.outrate?$yestodayn.outrate*100:'无数据'}%</td> -->
					</tr>					
				</table>
			</div>		
		</div>
	</div> 

	<div class="panel panel-default">
		<div class="page-header header norow">
			<h4>登录用户统计</h4>
		</div>
		<div class="row">
			<div class="col-md-3 col-xs-12 csm-l1left">
				<h3>{$onliney} 人</h3>
				<p>在线人数</p>
			</div>
			<div class="col-md-9 col-xs-12">
				<table class="table">
					<tr>
						<th></th>
						<th>访问量(IP)</th>
						<th>浏览量(PV)</th>
						<th>访客数(UV)</th>
						<th>访问频次(VV)</th>
						<th>日活(DAU)</th>
						<!-- <th>跳出率</th> -->
					</tr>
					<tr>
						<td>今日流量</td>
						<td>{$today.ipsy?$today.ipsy:'无数据'}</td>
						<td>{$today.pvsy?$today.pvsy:'无数据'}</td>
						<td>{$today.uvsy?$today.uvsy:'无数据'}</td>
						<td>{$today.vvsy?$today.vvsy:'无数据'}</td>
						<td>{$today.dau?$today.dau:'无数据'}%</td>
						<!-- <td>{$todayy.outrate?$todayy.outrate*100:'无数据'}%</td> -->
					</tr>
					<tr> 
						<td>昨日流量</td>
						<td>{$yestoday.ipsy?$yestoday.ipsy:'无数据'}</td>
						<td>{$yestoday.pvsy?$yestoday.pvsy:'无数据'}</td>
						<td>{$yestoday.uvsy?$yestoday.uvsy:'无数据'}</td>
						<td>{$yestoday.vvsy?$yestoday.vvsy:'无数据'}</td>
						<td>{$yestoday.dau?$yestoday.dau:'无数据'}%</td>
						<!-- <td>{$yestodayy.outrate?$yestodayy.outrate*100:'无数据'}%</td> -->
					</tr>					
				</table>
			</div>		
		</div>
	</div>	
	<div class="row" style="display:none">
		<span class='input-group date csm-inlinedate' id='datetimepicker1' >
			<input type='text' class="timeInput form-control"
				id="datetimepicker1_input" /> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>	
		<span style="display: inline"> ~ </span>
		<span class='input-group date csm-inlinedate' id='datetimepicker2'>
			<input type='text' class="timeInput form-control"
				id="datetimepicker2_input" /> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>		
		<span class='input-group date csm-inlinedate' id='datetimepicker2'>
			<input type='button' class="btn btn-default timeInput form-control" style="width: 50px;" id="dateconfirm" value="提交"/>  
		</span>				
	</div>
	<div class="row">
		<div class="col-md-6 col-xs-12 panel panel-default">
			<div class="page-header header">
				<h4>趋势分析</h4>
			</div>
			<div>
				指标：
				<select class="form-control csm-inlineselect" id="chart1select">
					<option value="uvs">访客数(UV)</option>
					<option value="ips">访问量(IP)</option>
					<option value="pvs">浏览量(PV)</option>
					<option value="vvs">访问频次(VV)</option>
				</select>

			</div>
			<div id="chart1" style="width: 100%;height: 400px;"></div>
		</div>
		<div class="col-md-6 col-xs-12 panel panel-default">
			<div class="page-header header">
				<h4>趋势分析</h4>
			</div>
			<div>
 				<select class="form-control csm-inlineselect" id="chart2select">
					<option value="all">按全部</option>
					<option value="isloginusern">按游客</option>
					<option value="isloginusery">按登录用户</option>
				</select>
 			</div>			
			<div id="chart2" style="width: 100%;height: 400px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12 col-xs-12 panel panel-default"  style="height:1200px;">
			<div class="page-header header">
				<h4>用户分布</h4>
			</div>
			<div id="chart3" style="width: 100%;height: 800px;">
				<!-- <iframe id='iframechina' width="100%" height="1100px"  frameborder="yes" border="1" marginwidth="1" marginheight="0" scrolling="auto" allowtransparency="yes"/> -->
			</div>
		</div>
	</div>
<!-- 	<div class="row">
		<div class="col-md-12 panel panel-default">
			<div class="page-header header">
				<h4>用户分布</h4>
			</div>
			<div>
 				<select class="form-control csm-inlineselect" id="chart2select">
					<option value="all">按全部</option>
					<option value="isloginusern">按游客</option>
					<option value="isloginusery">按登录用户</option>
				</select>
 			</div>	
			<div id="chart3" style="width: 100%;height: 800px;"></div>
		</div>
	</div> -->
	<!-- <div class="row">
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4>TOP10 地区</h4>
			</div>
			<img  width="100%" height="400px"/>
		</div>			
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4>TOP10 地区</h4>
			</div>
			<div>
				排序：
				<select class="form-control csm-inlineselect">
					<option>按全部</option>
					<option>按游客</option>
					<option>按登录用户</option>
				</select>
			</div>	
			<div style="height: 400px;">
				<table class="table">
					<tr>
						<th></th>
						<th>游客</th>
						<th>占比</th>
						<th>登录用户</th>
						<th>占比</th>
						<th>总用户数</th>
						<th>占比</th>
					</tr>
					<tr>
						<td>广西</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>						
					</tr>
					<tr>
						<td>江西</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
					</tr>			
				</table>
			</div>
		</div>
	</div>	 -->
</div>	
